﻿<UserControl x:Class="GameFrameLibrary.Frames.ConfigFrame"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:input="clr-namespace:Prism.Games.GalEngine.Scripts.Parser.Input;assembly=InputModel"
             xmlns:my="clr-namespace:GameFrameLibrary"
             mc:Ignorable="d" 
             d:DesignHeight="720" d:DesignWidth="1280">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="SharedStyles.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <UserControl.InputBindings>
        <MouseBinding MouseAction="RightClick" Command="input:GameCommands.Back" />
    </UserControl.InputBindings>

    <Grid Name="GameLayout" >
        <Grid Name="ConfigLayout">
            <Grid Name="BackgroundImageLayout">
                <Grid.Background>
                    <ImageBrush x:Name="BackgroundImage" />
                </Grid.Background>
                <Grid >
                    <Grid.Background>
                        <SolidColorBrush Color="Black" Opacity="0.65" />
                    </Grid.Background>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <Grid Grid.Row="0" Background="{StaticResource CommonBackgroundBrush}">
                        <TextBlock Text="    Config    " FontSize="30" Margin="10" HorizontalAlignment="Left" />
                    </Grid>
                    <Grid Grid.Row="1" Margin="15">
                        <StackPanel Orientation="Vertical" >
                            <TextBlock Text="Audio Volume Controls" Foreground="White" FontStyle="Italic" Margin="5" FontSize="24" />
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="160" />
                                    <ColumnDefinition  />
                                </Grid.ColumnDefinitions>
                                <TextBlock Grid.Column="0" Text="Bgm" Margin="5" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center" />
                                <!--<Label Grid.Column="0" Foreground="White" Margin="5" FontSize="20" >
                                    <Label.Content>
                                        <Image Source="Images/CBgm.png" />
                                    </Label.Content>
                                </Label>-->
                                <Slider Name="BGMSlider" Grid.Column="1" VerticalAlignment="Center" Margin="10" ValueChanged="Slider_ValueChanged" />
                            </Grid>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="160" />
                                    <ColumnDefinition  />
                                </Grid.ColumnDefinitions>
                                <TextBlock Grid.Column="0" Text="SE" Margin="5" FontSize="20" HorizontalAlignment="Center"  VerticalAlignment="Center" />
                                <!--<Label Grid.Column="0" Foreground="White" Margin="5" FontSize="20" >
                                    <Label.Content>
                                        <Image Source="Images/CSE.png" />
                                    </Label.Content>
                                </Label>-->
                                <Slider Name="SESlider" Grid.Column="1" VerticalAlignment="Center" Margin="10" ValueChanged="Slider_ValueChanged" />
                            </Grid>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="160" />
                                    <ColumnDefinition  />
                                </Grid.ColumnDefinitions>
                                <TextBlock Grid.Column="0" Text="Vocal" Margin="5" FontSize="20" HorizontalAlignment="Center"  VerticalAlignment="Center" />
                                <!--<Label Grid.Column="0" Foreground="White" Margin="5" FontSize="20" >
                                    <Label.Content>
                                        <Image Source="Images/CVocal.png" />
                                    </Label.Content>
                                </Label>-->
                                <Slider Name="VocalSlider" Grid.Column="1" VerticalAlignment="Center" Margin="10" ValueChanged="Slider_ValueChanged" />
                            </Grid>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="160" />
                                    <ColumnDefinition  />
                                </Grid.ColumnDefinitions>
                                <TextBlock Grid.Column="0" Text="Effect" Margin="5" FontSize="20" HorizontalAlignment="Center"  VerticalAlignment="Center" />
                                <!--<Label Grid.Column="0" Foreground="White" Margin="5" FontSize="20" >
                                    <Label.Content>
                                        <Image Source="Images/CEffect.png" />
                                    </Label.Content>
                                </Label>-->
                                <Slider Name="EffectSlider" Grid.Column="1" VerticalAlignment="Center" Margin="10" ValueChanged="Slider_ValueChanged" />
                            </Grid>
                            <TextBlock Text="Graphic Controls" Foreground="White" FontStyle="Italic" Margin="5" FontSize="24" />
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="160" />
                                    <ColumnDefinition Width="250" />
                                    <ColumnDefinition Width="250" />
                                    <ColumnDefinition Width="250" />
                                    <ColumnDefinition Width="250" />
                                </Grid.ColumnDefinitions>
                                <TextBlock Grid.Column="0" Text="WindowMode" Margin="5" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center" />
                                <!--<Label FontStyle="Italic" Foreground="White" FontSize="20" Margin="5" Width="160" >
                                    <Label.Content>
                                        <Image Source="Images/CWindowMode.png" />
                                    </Label.Content>
                                </Label>-->
                                <my:BoolenButton FontSize="20" Content="FullScreen" Grid.Column="1" x:Name="FullScreen" Margin="5" MouseEnter="Button_MouseEnter" Command="input:GameCommands.FullScreen" >
                                    <!--<my:BoolenButton.Content>
                                        <Image Source="Images/CFullScreen.png" />
                                    </my:BoolenButton.Content>
                                    <my:BoolenButton.Template>
                                        <ControlTemplate TargetType="my:BoolenButton">
                                            <Border Name="B">
                                                <Grid Name="G">
                                                    <Label HorizontalAlignment="Center" Foreground="White" >
                                                        <Label.Content>
                                                            <ContentPresenter />
                                                        </Label.Content>
                                                    </Label>
                                                </Grid>
                                            </Border>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsChecked" Value="true" >
                                                    <Setter TargetName="G" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonIsChecked.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                                <Trigger Property="IsMouseOver" Value="true" >
                                                    <Setter TargetName="B" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonMouseOver.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </my:BoolenButton.Template>-->
                                </my:BoolenButton>
                                <my:BoolenButton FontSize="20" Content="Window" Grid.Column="2" x:Name="Window" Margin="5" MouseEnter="Button_MouseEnter" Command="input:GameCommands.Window" >

                                    <!--<my:BoolenButton.Content>
                                        <Image Source="Images/CWindow.png" />
                                    </my:BoolenButton.Content>
                                    <my:BoolenButton.Template>
                                        <ControlTemplate TargetType="my:BoolenButton">
                                            <Border Name="B">
                                                <Grid Name="G">
                                                    <Label HorizontalAlignment="Center" Foreground="White" >
                                                        <Label.Content>
                                                            <ContentPresenter />
                                                        </Label.Content>
                                                    </Label>
                                                </Grid>
                                            </Border>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsChecked" Value="true" >
                                                    <Setter TargetName="G" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonIsChecked.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                                <Trigger Property="IsMouseOver" Value="true" >
                                                    <Setter TargetName="B" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonMouseOver.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </my:BoolenButton.Template>-->
                                </my:BoolenButton>
                                <my:BoolenButton FontSize="20" Content="SmallSize" Grid.Column="3" x:Name="SmallSize" Margin="5" MouseEnter="Button_MouseEnter" Command="input:GameCommands.SmallSize" >
                                    <!--<my:BoolenButton.Content>
                                        <Image Source="Images/CSmallSize.png" />
                                    </my:BoolenButton.Content>
                                    <my:BoolenButton.Template>
                                        <ControlTemplate TargetType="my:BoolenButton">
                                            <Border Name="B">
                                                <Grid Name="G">
                                                    <Label HorizontalAlignment="Center" Foreground="White" >
                                                        <Label.Content>
                                                            <ContentPresenter />
                                                        </Label.Content>
                                                    </Label>
                                                </Grid>
                                            </Border>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsChecked" Value="true" >
                                                    <Setter TargetName="G" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonIsChecked.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                                <Trigger Property="IsMouseOver" Value="true" >
                                                    <Setter TargetName="B" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonMouseOver.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </my:BoolenButton.Template>-->
                                </my:BoolenButton>
                                <my:BoolenButton FontSize="20" Content="OriginalSize" Grid.Column="4" MouseEnter="Button_MouseEnter" x:Name="OriginalSize"  Margin="5" Command="input:GameCommands.OriginalSize" >
                                    <!--<my:BoolenButton.Content>
                                        <Image Source="Images/COriginalSize.png" />
                                    </my:BoolenButton.Content>
                                    <my:BoolenButton.Template>
                                        <ControlTemplate TargetType="my:BoolenButton">
                                            <Border Name="B">
                                                <Grid Name="G">
                                                    <Label HorizontalAlignment="Center" Foreground="White" >
                                                        <Label.Content>
                                                            <ContentPresenter />
                                                        </Label.Content>
                                                    </Label>
                                                </Grid>
                                            </Border>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsChecked" Value="true" >
                                                    <Setter TargetName="G" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonIsChecked.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                                <Trigger Property="IsMouseOver" Value="true" >
                                                    <Setter TargetName="B" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonMouseOver.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </my:BoolenButton.Template>-->
                                </my:BoolenButton>
                            </Grid>
                            <TextBlock Text="Game Controls" Foreground="White" FontStyle="Italic" Margin="5" FontSize="24" />
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="160" />
                                    <ColumnDefinition Width="250" />
                                    <ColumnDefinition Width="250" />
                                    <ColumnDefinition Width="160" />
                                    <ColumnDefinition Width="160" />
                                </Grid.ColumnDefinitions>
                                <TextBlock Grid.Column="0" Text="SkipMode" Margin="5" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center" />
                                <!--<Label FontStyle="Italic"  Foreground="White" FontSize="20" Margin="5" Width="160" >
                                    <Label.Content>
                                        <Image Source="Images/CSkipMode.png" />
                                    </Label.Content>
                                </Label>-->
                                <my:BoolenButton FontSize="20" Content="Skip"  Grid.Column="1" x:Name="Skip"  Margin="5" MouseEnter="Button_MouseEnter" Command="input:GameCommands.SkipNotRead" >
                                    <!--<my:BoolenButton.Content>
                                        <Image Source="Images/CSkip.png" />
                                    </my:BoolenButton.Content>
                                    <my:BoolenButton.Template>
                                        <ControlTemplate TargetType="my:BoolenButton">
                                            <Border Name="B">
                                                <Grid Name="G">
                                                    <Label HorizontalAlignment="Center" Foreground="White" >
                                                        <Label.Content>
                                                            <ContentPresenter />
                                                        </Label.Content>
                                                    </Label>
                                                </Grid>
                                            </Border>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsChecked" Value="true" >
                                                    <Setter TargetName="G" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonIsChecked.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                                <Trigger Property="IsMouseOver" Value="true" >
                                                    <Setter TargetName="B" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonMouseOver.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </my:BoolenButton.Template>-->
                                </my:BoolenButton>
                                <my:BoolenButton FontSize="20" Content="Stop"  Grid.Column="2" x:Name="Stop"  Margin="5" MouseEnter="Button_MouseEnter" Command="input:GameCommands.StopNotRead" >
                                    <!--<my:BoolenButton.Content>
                                        <Image Source="Images/CStop.png" />
                                    </my:BoolenButton.Content>
                                    <my:BoolenButton.Template>
                                        <ControlTemplate TargetType="my:BoolenButton">
                                            <Border Name="B">
                                                <Grid Name="G">
                                                    <Label HorizontalAlignment="Center" Foreground="White" >
                                                        <Label.Content>
                                                            <ContentPresenter />
                                                        </Label.Content>
                                                    </Label>
                                                </Grid>
                                            </Border>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsChecked" Value="true" >
                                                    <Setter TargetName="G" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonIsChecked.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                                <Trigger Property="IsMouseOver" Value="true" >
                                                    <Setter TargetName="B" Property="Background" >
                                                        <Setter.Value>
                                                            <ImageBrush ImageSource="Images/ButtonMouseOver.png" />
                                                        </Setter.Value>
                                                    </Setter>
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </my:BoolenButton.Template>-->
                                </my:BoolenButton>
                            </Grid>
                        </StackPanel>
                    </Grid>
                    <Grid Grid.Row="2">
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                            <Button Margin="5" MinWidth="85" Command="input:GameCommands.Title" MouseEnter="Button_MouseEnter" >
                                <Button.Content>
                                    <TextBlock Text="Title" />
                                    <!--<Image Source="Images/SLTitle.png" />-->
                                </Button.Content>
                            </Button>
                            <Button Margin="5" MinWidth="85" Command="input:GameCommands.Back" MouseEnter="Button_MouseEnter" >
                                <Button.Content>
                                    <TextBlock Text="Back" />
                                    <!--<Image Source="Images/SLBack.png" />-->
                                </Button.Content>
                            </Button>
                        </StackPanel>
                    </Grid>
                </Grid>
            </Grid>
        </Grid>
    </Grid>
</UserControl>
